<template>
    <el-form-item label="创意类型" prop="title">
        <el-radio-group v-model="createform.creative_material_mode" size="small" @change="changeCreativeMode">
            <el-radio-button label="PROGRAMMATIC_CREATIVE" :disabled="dataForm.is_talent">程序化创意</el-radio-button>
            <el-radio-button label="CUSTOM_CREATIVE" :disabled="createform.lab_ad_type=='LAB_AD'">自定义创意</el-radio-button>
        </el-radio-group>
        <el-popover placement="top" trigger="hover" width="400">
            <div class="tips_content">
                <div class="font_14 color_01">注意选项</div>
                <div class="option_content">
                    【短视频类计划】
                    1. 若抖音号为“合作达人”类型，仅支持自定义创意。
                </div>
                <div class="option_content">
                    2. 若抖音号为“官方/自运营”类型
                    若为通投广告-：托管，仅支持程序化创意；非托管，可选。
                </div>
                <div class="option_content">
                    【直播类计划】
                    1. 若抖音号为“合作达人”类型，仅支持自定义创意。
                </div>
                <div class="option_content">
                    2. 若抖音号为“官方/自运营”类型：
                    若为通投广告：托管仅支持程序化创意；自定义仅支持自定义创意。
                </div>
                <div class="option_content">
                    程序化创意不支持抖音号主页视频
                </div>
            </div>
            <el-link type="warning" :underline="false" slot="reference" icon="el-icon-warning-outline" style="margin-left:10px">注意事项</el-link>
        </el-popover>
    </el-form-item>
</template>

<script>
export default {
    props: ["createform", "dataForm"],
    name: "",
    data() {
        return {};
    },
    created() {
        if (this.dataForm.is_talent) {
            this.createform.creative_material_mode = "CUSTOM_CREATIVE";
        }
    },
    methods: {
        changeCreativeMode() {
            this.$emit("changeCreativeMode");
        },
    },
    components: {},
};
</script>


<style scoped>
.option_content {
    line-height: 20px;
    margin-top: 5px;
}
</style>

